﻿<section class="blog-info-desktop-lg text-light d-none d-lg-block">
    <div class="card-background-container">
        @if (BlogConfig.GeneralSettings.UseGravatarAsProfilePicture)
        {
            <gravatar class="card-bkimg" email="@BlogConfig.GeneralSettings.OwnerEmail" size="256" />
        }
        else
        {
            <img class="card-bkimg" alt="" aria-hidden="true" src="@BlogConfig.GeneralSettings.AvatarUrl"/>
        }
    </div>
    <div class="blog-info-photo-text text-center">
        @if (BlogConfig.GeneralSettings.UseGravatarAsProfilePicture)
        {
            <gravatar class="rounded-circle blogger-head-pic"
                      size="256"
                      alt="@BlogConfig.GeneralSettings.OwnerName" 
                      email="@BlogConfig.GeneralSettings.OwnerEmail" />
        }
        else
        {
            <img src="@BlogConfig.GeneralSettings.AvatarUrl"
                 alt="@BlogConfig.GeneralSettings.OwnerName"
                 class="rounded-circle blogger-head-pic"/>
        }

        <div>
            @if (!string.IsNullOrWhiteSpace(BlogConfig.GeneralSettings.Pronouns))
            {
                <h3 class="mt-3 mb-0 text-white font-sairas heading-ownername" title="@BlogConfig.GeneralSettings.OwnerName (@BlogConfig.GeneralSettings.Pronouns)">
                    @BlogConfig.GeneralSettings.OwnerName
                </h3>
                <div class="profile-pronouns mb-2">@BlogConfig.GeneralSettings.Pronouns</div>
            }
            else
            {
                <h3 class="mt-3 text-white font-sairas heading-ownername">
                    @BlogConfig.GeneralSettings.OwnerName
                </h3>
            }

            <p class="me-3 ms-3 profile-description">
                @BlogConfig.GeneralSettings.Description
            </p>
        </div>
    </div>
</section>